$(function(){
	
	
	//1  、页面加载完毕发送ajax请求 拿到数据  然后做解析
	var url='http://localhost:8080/attendance-service/class/find.do?method=all';
	
	function getData(url,flag,gou){
		send(url,'',function(data){
			
			if(data.code==404){
				window.location.href="http://localhost:8080/attendance-service/404.html"
			}
			
			//data 是后端返回的数据
			if(data.code==200){
				
				//拿到班级数据
				var classBeansList = data.data;


				var classElementList = $("#classElementList");

				if(flag==true){
                    var ss="<option>请选择</option>";
                    classElementList.append(ss);
				}

				
				var dataareaabc= $('#dataareaabc');
				
				for(var index=0;index<classBeansList.length;index++){
					var clazz = classBeansList[index];
					
					var classId= clazz.classId;
					var className= clazz.className;
					
					var teacherName=clazz.teacherBean.teacherName;
					
					var node="<option value="+classId+">"+className+"</option>";
					if(flag==true){
						classElementList.append(node);
					}
					
					var outer=
					'<div class="clear-float lww myline" >'
					+
						'<div id='+classId+'>'
						+   '<div class="float-left haiyan200">'
						+     '班级名称：'+className
						+    '</div>'
						+   '<div class="float-left haiyan200">'
						+     '老师名称：'+teacherName
						+    '</div>'
						+
						'</div>'
					+'</div>';
					
					var $outer=$(outer);
					
					
					
					//拼表头
					var tou='<div class="clear-float haiyan">'+
							'<div class="float-left margin-left200 m40" >'+
								'&nbsp;&nbsp;&nbsp;'+
							'</div>'+
							'<div class="float-left margin-left200 m40">'+
								'学生姓名'+
							'</div>'+
							'<div class="float-left margin-left200 m40">'+
								'学生手机'+
							'</div>'+
						'</div>';
					$(tou).appendTo($outer);
					$outer.appendTo(dataareaabc);
					
					
					
					var studentList=clazz.studentBeanList;
					for(var inner=0;inner<studentList.length;inner++){
						
						var student=studentList[inner];
						
						var studentId = student.studentId;
						var studentName = student.studentName;
						var phone = student.phone;
						
						var gouneirong='';
						if(gou==0){
							gouneirong='<input type="checkbox" stuid="'+studentId+'" class="student-data"  />';
						}else{
							gouneirong='<input type="checkbox" checked="checked" stuid="'+studentId+'" class="student-data"  />';
						}
						
						//拼表数据
						var sj='<div class="banjishuju"><div class="clear-float ">'+
								'<div class="float-left margin-left200 m40" >'+
									gouneirong+
									'<input type="hidden" id="'+studentId+'"/>'+
								'</div>'+ 
									'<div class="float-left margin-left200 m40">'+
										studentName+
									'</div >'+
									'<div class="float-left margin-left200 m40">'+
										phone+
									'</div>'+
							'</div></div>';
						
						$outer.append(sj);
					}
					
				}
				
				// 把表格数据用js拼出来
				
				
				
			}
			
			console.log("----")
			
		})
		
	}
	
	getData(url,true,0);
	
	
	// 2、 实现全选功能
	
	$('body').on('click','.selectOne',function(){
		
		
		var $this=$('.selectOne');
		var ck =$this;
		
		var rs =ck[0].checked;
		
		var $p =$this.parent().parent().parent();
		
		var $cs =$p.find(".student-data");
		
		if(rs){
			
			$cs.attr("checked",true);
		}else{
			
			$cs.attr("checked",false);
			
		}
	});
	
	// 3、 给搜索框绑定1个事件
	
	$('#search').click(function(){
		

		var classId= $('#classElementList').val();
		var studentName=$('input[name="studentName"]').val();
		
		var url='';
		if('请选择'==classId){
			alert('请选择班级');
			return false;
		}else{
			// 1 清除原来的数据
			$('#dataareaabc').text('');
			
			// 2 往后台发请求 然后组装数据  开发 主逻辑 1   测试[2-3]
			var url='http://localhost:8080/attendance-service/class/find.do?method=one&classId='+classId+'&studentName='+studentName;
		}


        // 1 代表要打勾  0 代表不要打勾
		getData(url,false,1);
	});
	
	
	// 4  提交考勤数据
	
	$('#tj').click(function(){
		
		//1 几个人迟到
		var $cbs = $('input[type="checkbox"][class="student-data"]');
		console.log($cbs.length);
		
		var ids=[];
		for(var index=0;index<$cbs.length;index++){
			
			// cb 是1个JS对象 不是jQuery对象
			var cb = $cbs[index];
			var ck = $(cb).attr('checked');
			if(ck=='checked'){
				// 是不我们想要的id
				var studentId=$(cb).attr('stuid');
				ids.push(studentId);
			}
		}
		console.log(ids);
		
		//2 什么时候迟到
		var delayDate = $('input[name="delayDate"]').val();
		
		//3 向后台发请求
		
		//3.1 拼装url
		var url="http://localhost:8080/attendance-service/class/find.do?method=insert";
		url=url+"&delayDate="+delayDate;
		for(var index=0;index<ids.length;index++){
			var id=ids[index];
			var rs="&ids="+id;
			url=url+rs;
		}
		
		console.log(url);
		
		//3.2 发送ajax请求
		send(url,null,function(data){
			
			//插入数据成功?要干啥
			
			//1 弹窗
			var code= data.code;
			if(code==200){
				alert("插入成功...");
				//2 展示
				window.location.href='http://localhost:8080/attendance-service/list.html';
			}
			
			//2 展示
			console.log(data);
		})
		
		
	});
});